<template>
  <div class="list-wrapper">
    <city-list-sub
      v-for="(item, index) of cityList"
      :cityInfo="item"
      :key="index"
    ></city-list-sub>
  </div>
</template>
              
<script>
import CityListSub from "./Sub";
import cityDatas from "@/assets/data/cities";
export default {
  name: "CityList",
  components: { CityListSub },
  data() {
    return {
      cityList: cityDatas
    };
  },
  methods: {},
  mounted() {
    console.log("cityDatas", cityDatas);
  }
};
</script>
              
<style lang="scss" scoped>
</style>